/* 　-----------------------------------
 * common SP style
 */

body{
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;
	font-size:3.6vw;
	line-height:6.8vw;
	color:#745746;
	letter-spacing:0;
}

#main-BlackPlate{
	display:none;
	position:fixed;
	z-index:98;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:#000000;
	opacity:0.7;
	text-align:center;
}
#main-BlackPlate div.LoaderHeighter{
	display:inline-block;
	vertical-align:middle;
	height:100vh;
	width:0;
}
#main-BlackPlate div.Loader{
	display:inline-block;
	vertical-align:middle;
	width: 5vw;
	height: 5vw;
	border-radius:50%;
	border: 8px solid #fff;
	border-right-color: transparent;
	animation: spin 1s linear infinite;
}
@keyframes spin{
	  0%{transform:rotate(0deg);  opacity: 0.2;}
	 50%{transform:rotate(180deg);opacity: 1.0;}
	100%{transform:rotate(360deg);opacity: 0.2;}
}
#main-PopUpImagePlate{
	display:none;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	text-align:center;
}
img.PopUpImage{
	width:auto;
	height:auto;
	max-width:90vw;
	max-height:90vh;
	vertical-align:middle;
}


#HeaderContents div.HeaderLogo{
	position:absolute;
	top:0;
	left:4.5vw;
	width:36vw;
	z-index:9997;
}
#HeaderContents div.HeaderMenuBtn{
	position:absolute;
	top:0;
	right:0;
	width:10.8vw;
	z-index:9997;
}
#HeaderContents div.HeaderMenuPlate{
	position:absolute;
	top:0;
	right:0;
	height:100vh;
	width:40vw;
	background:#ffffff;
	opacity:0;
	z-index:9998;
	display:none;
	text-align:center;
	color:#e8223a;
	line-height:13.6vw;
}
#HeaderContents div.HeaderMenuClose{
	position:absolute;
	top:0;
	right:0;
	width:10.8vw;
	z-index:9999;
}
#HeaderContents div.HeaderMenuLogo{
	width:30vw;
	margin:0 auto;
	padding-top:20vw;
	padding-bottom:6.8vw;
}

#FooterContents{
	background:#fbfaf5;
}
#FooterContents div.FooterMenu{
	display:none;
}
#FooterContents div.FooterMenuPlate{}
#FooterContents div.FooterMenuBox{}
#FooterContents div.FooterBannerPlate{
	padding:0 4vw;
	padding-top:10vw;
	text-align:center;
}
#FooterContents div.FooterBannerPlate div.FooterBanner{
	display:inline-block;
	margin:1vw;
	width:38vw;
}
#FooterContents div.FooterBannerPlate div.FooterBannerToBros{
	margin:0 5.5vw;
}
#FooterContents div.FooterLogo{
	padding-top:9.6vw;
	padding-bottom:11.6vw;
	width:53.6vw;
	margin:0 auto;
}
#FooterContents div.CopyRight{
	text-align:center;
	color:#929292;
	font-size:1.6vw;
	padding-bottom:2.8vw;
}

#FooterContents div.FooterBg{}